.rubrique-rss .vue-rss {
    display: grid;

    flex-grow: 2;
    overflow: hidden;

    grid-template: 1fr / 1fr;
}

.rubrique-rss .vue-rss > * {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}

.rubrique-rss .articles {
    padding: 0 var(--rembourrage-rubriques);

    display: flex;
    flex-direction: column;
}

.rubrique-rss .articles .article {
    height: 128px;

    align-self: stretch;
    flex-shrink: 0;

    display: flex;
    flex-direction: row;
    align-items: center;

    /* corrèle la couleur du fond avec celle de l'icône « plus » */
    --couleur-article: var(--couleur-article-rss-impair);

    background-color: var(--couleur-article);

    cursor: pointer;
}

.rubrique-rss .articles .article.spécial {
    --couleur-article: var(--couleur-article-rss-spécial);
}

.rubrique-rss .articles .article:not(.spécial):nth-child(2n) {
    --couleur-article: var(--couleur-article-rss-pair);
}

.rubrique-rss .articles .article .date-l {
    min-width: 40px;
    box-sizing: border-box;

    align-self: stretch;

    display: flex;
    justify-content: center;
    align-items: center;

    text-orientation: sideways;
    writing-mode: vertical-lr;
    /*direction: ltr;*/

    text-align: center;

    transform: rotate(180deg);
}

.rubrique-rss .articles .article .date-d {
    margin-right: 16px;

    font-size: 70px;

    text-align: center;
}

.rubrique-rss .articles .article .illustration {
    max-height: 100%;
    width: 182px;

    margin-right: 16px;

    padding: 10px;
    box-sizing: border-box;

    align-self: stretch;
    flex-shrink: 0;
}

.rubrique-rss .articles .article .taille-fixe {
    flex-basis: 300px;

    /* support à contrôler */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    text-overflow: ellipsis;
    overflow: hidden;
}

.rubrique-rss .articles .article .titre {
    font-weight: bold;

    margin-right: 16px;
}

.rubrique-rss .articles .article button {
    margin-left: auto;

    width: 56px;

    align-self: stretch;
    flex-shrink: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    background-color: #1D1E21;
}

.rubrique-rss .articles .article svg {
    fill: var(--couleur-article);
}

.rubrique-rss-articles .articles .article.spécial {
    margin-bottom: 16px;
}

.rubrique-rss .articles .mois {
    margin: var(--marge-rss-mois) 0;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.rubrique-rss .articles .mois img {
    margin-right: 8px;
}

.rubrique-rss .détail-article {
    z-index: 250;

    padding: var(--rembourrage-détail-article);
    box-sizing: border-box;

    display: flex;
    flex-direction: column;

    transform: translateX(100%);
    transition: var(--transition-rubriques);
    overflow: hidden;

    background-color: var(--couleur-article-rss-impair);
}

.rubrique-rss .détail-article.ouvert {
    transform: translateX(0);
}

.rubrique-rss .détail-article .zone-html {
    flex-grow: 2;

    overflow-y: auto;
}

.rubrique-rss .zone-html > img.bng-rss {
    max-height: 30%;

    margin-right: 16px;
    margin-bottom: 16px;

    border: 3px solid #1d1e21;

    float: left;
}

.rubrique-rss .zone-html > .bng-rss.titre {
    font-size: 2em;
}

.rubrique-rss .zone-html > .bng-rss.catégories {
    font-style: italic;
    margin-bottom: 32px;

    text-transform: capitalize;
}

.rubrique-rss .zone-html > .bng-rss.catégories span:nth-child(n + 2)::before {
    content: ' ~ ';
}

.rubrique-rss .zone-html *:not(.bng-rss) {
    margin: initial;

    max-width: 100%;
    object-fit: contain;
}

.rubrique-rss .zone-html a,
.rubrique-rss .zone-html video,
.rubrique-rss .zone-html iframe,
.rubrique-rss .zone-html object,
.rubrique-rss .zone-html embed {
    pointer-events: none;
}


.rubrique-rss .détail-article .contrôles {
    height: 45px;

    margin-top: 16px;

    flex-shrink: 0;

    display: flex;
    flex-direction: row;
}

.rubrique-rss .détail-article .contrôles button:first-child {
    margin-right: 16px;
}